<template>
  <div class="reply-list">
    <div v-for="(reply, index) in replyList" :key="reply.id">
      <reply :reply="reply" :index="index" class="list-item"></reply>
    </div>
  </div>
</template>

<script>
import Reply from '@/components/ReplyList/components/Reply'
export default {
  name: 'reply-list',
  components: { Reply },
  props: {
    replyList: {
      required: true
    }
  }
}
</script>

<style scoped lang="less">
.reply-list {
   .list-item {
    border-bottom: 1px solid @borderBase;
    padding: 20px 0;
  }
}

</style>
